<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div class="box">
        <header>
            <span>🌸🌸🌸</span>
            <p>XXX小店</p>
            <span>分享</span>
        </header>
        <main>
            <div class="con">
                <a href="#">
                    <p>💐</p>
                    <span>花束</span>
                </a>
                <a href="#">
                    <p>🍀</p>
                    <span>四叶草</span>
                </a>
                <a href="#">
                    <p>🌱</p>
                    <span>幼苗</span>
                </a>
                <a href="#">
                    <p>🌵</p>
                    <span>仙人掌</span>
                </a>
                <a href="#">
                    <p>🌷</p>
                    <span>郁金香</span>
                </a>
                <a href="#">
                    <p>🌻</p>
                    <span>向日葵</span>
                </a>
                <a href="#">
                    <p>🍁</p>
                    <span>枫叶</span>
                </a>
                <a href="#">
                    <p>🌲</p>
                    <span>松树</span>
                </a>
                <a href="#">
                    <p>🪷</p>
                    <span>莲花</span>
                </a>
                <a href="#">
                    <p>🌿</p>
                    <span>药草</span>
                </a>
            </div>
            <h4>需要购买那种植物？可以从上面选择，选择完之后会有人拿着植物来找您，请耐心等候</h4>
            <div class="con">
                <a href="#">
                    <p>🐈‍⬛🐈</p>
                    <span>猫咪</span>
                </a>
                <a href="#">
                    <p>🐕🦮🐕‍🦺</p>
                    <span>小狗</span>
                </a>
                <a href="#">
                    <p>🦊</p>
                    <span>狐狸</span>
                </a>
                <a href="#">
                    <p>🐏🐑</p>
                    <span>山羊</span>
                </a>
                <a href="#">
                    <p>🐇</p>
                    <span>兔子</span>
                </a>
                <a href="#">
                    <p>🦔</p>
                    <span>刺猬</span>
                </a>
                <a href="#">
                    <p>🐿️</p>
                    <span>松鼠</span>
                </a>
                <a href="#">
                    <p>🦋</p>
                    <span>蝴蝶</span>
                </a>
                <a href="#">
                    <p>🕷️</p>
                    <span>蜘蛛</span>
                </a>
                <a href="#">
                    <p>🐍</p>
                    <span>蛇</span>
                </a>
            </div>
            <h4>我想每个人都会需要专属于自己的宝贝，快去看看它们叭！！！</h4>
        </main>
        <footer></footer>
    </div>
</body>
</html>